<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>YaYaYa's Marble Race</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body>
	<div class="page">
		<p class="bigtitle2">50球颜色表<span class="title2">(B组)</span></p>
		<p class="title2">闪队颜色说明：<i>f</i> =360{ <i>t</i> }，<i>g</i> =50(1+sin(8 <i>t</i>
			))，<i>g</i><sub>1</sub>=40+20sin(8 <i>t</i> )，其中 <i>t</i> 为时间（单位：秒），{
			<i>t</i> }为 <i>t</i> 的小数部分；
		</p>
		<p class="title2"><i>r</i><sub>1</sub>为0到360的随机数，<i>r</i><sub>2</sub>为30到100的随机数，每秒更新一次。</p>
		<div style="display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly">
			<div class="circle-60">
				<b class="colored text" color=1 text=1>红队</b>
				<b class="colored text" color=1 text=1>Red Team</b>
			</div>
			<div class="colored circle-60" color=0>
				<p class="text">血红</p>
				<p class="text">Blood</p>
				<p class="text">355, 100, 35</p>
			</div>
			<div class="colored circle-60" color=1>
				<p class="text">月季</p>
				<p class="text">Chinese Rose</p>
				<p class="text">349, 58, 81</p>
			</div>
			<div class="colored circle-60" color=2>
				<p class="text">报春红</p>
				<p class="text">Primrose</p>
				<p class="text">344, 42, 93</p>
			</div>
			<div class="colored circle-60" color=3>
				<p class="text">满江红</p>
				<p class="text">Azolla</p>
				<p class="text">356, 49, 65</p>
			</div>
			<div class="colored circle-60" color=4>
				<p class="text">番茄红</p>
				<p class="text">Tomato</p>
				<p class="text">9, 72, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=6 text=1>橙队</b>
				<b class="colored text" color=6 text=1>Orange Team</b>
			</div>
			<div class="colored circle-60" color=5>
				<p class="text">古铜色</p>
				<p class="text">Bronze</p>
				<p class="text">27, 73, 36</p>
			</div>
			<div class="colored circle-60" color=6>
				<p class="text">金桔</p>
				<p class="text">Cumquat</p>
				<p class="text">40, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=7>
				<p class="text">蛋壳</p>
				<p class="text">Eggshell</p>
				<p class="text">31, 45, 97</p>
			</div>
			<div class="colored circle-60 inverted" color=8>
				<p class="text">麦芽糖</p>
				<p class="text">Maltose</p>
				<p class="text">41, 50, 98</p>
			</div>
			<div class="colored circle-60" color=9>
				<p class="text">海螺橙</p>
				<p class="text">Shell</p>
				<p class="text">22, 61, 94</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=13 text=1>黄队</b>
				<b class="colored text" color=13 text=1>Yellow Team</b>
			</div>
			<div class="colored circle-60" color=10>
				<p class="text">碧螺春</p>
				<p class="text">Biluochun</p>
				<p class="text">48, 82, 53</p>
			</div>
			<div class="colored circle-60 inverted" color=11>
				<p class="text">枯黄</p>
				<p class="text">Sallow</p>
				<p class="text">50, 90, 72</p>
			</div>
			<div class="colored circle-60 inverted" color=12>
				<p class="text">秋葵</p>
				<p class="text">Okra</p>
				<p class="text">49, 70, 93</p>
			</div>
			<div class="colored circle-60 inverted" color=13>
				<p class="text">象牙</p>
				<p class="text">Ivory</p>
				<p class="text">60, 50, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=14>
				<p class="text">蒲公英</p>
				<p class="text">Dandelion</p>
				<p class="text">75, 100, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=16 text=1>绿队</b>
				<b class="colored text" color=16 text=1>Green Team</b>
			</div>
			<div class="colored circle-60" color=15>
				<p class="text">蕨绿</p>
				<p class="text">Fern</p>
				<p class="text">90, 100, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=16>
				<p class="text">毛绿</p>
				<p class="text">Moss</p>
				<p class="text">147, 47, 76</p>
			</div>
			<div class="colored circle-60 inverted" color=17>
				<p class="text">松霜绿</p>
				<p class="text">Pine</p>
				<p class="text">132, 18, 65</p>
			</div>
			<div class="colored circle-60 inverted" color=18>
				<p class="text">绿宝石</p>
				<p class="text">Emerald</p>
				<p class="text">117, 66, 68</p>
			</div>
			<div class="colored circle-60 inverted" color=19>
				<p class="text">芽绿</p>
				<p class="text">Bud</p>
				<p class="text">83, 61, 76</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=22 text=1>青队</b>
				<b class="colored text" color=22 text=1>Cyan Team</b>
			</div>
			<div class="colored circle-60" color=20>
				<p class="text">钢青</p>
				<p class="text">Steel</p>
				<p class="text">180, 97, 33</p>
			</div>
			<div class="colored circle-60 inverted" color=21>
				<p class="text">蔚蓝</p>
				<p class="text">Azure</p>
				<p class="text">195, 100, 100</p>
			</div>
			<div class="colored circle-60" color=22>
				<p class="text">海青</p>
				<p class="text">Sea</p>
				<p class="text">192, 83, 76</p>
			</div>
			<div class="colored circle-60 inverted" color=23>
				<p class="text">钻石</p>
				<p class="text">Diamond</p>
				<p class="text">180, 50, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=24>
				<p class="text">碧色</p>
				<p class="text">Aquamarine</p>
				<p class="text">165, 100, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=28 text=1>蓝队</b>
				<b class="colored text" color=28 text=1>Blue Team</b>
			</div>
			<div class="colored circle-60" color=25>
				<p class="text">午夜蓝</p>
				<p class="text">Midnight</p>
				<p class="text">210, 100, 33</p>
			</div>
			<div class="colored circle-60" color=26>
				<p class="text">钴蓝</p>
				<p class="text">Cobalt</p>
				<p class="text">210, 100, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=27>
				<p class="text">晶蓝</p>
				<p class="text">Crystal Blue</p>
				<p class="text">210, 50, 100</p>
			</div>
			<div class="colored circle-60" color=28>
				<p class="text">蓝宝石</p>
				<p class="text">Sapphire</p>
				<p class="text">206, 80, 76</p>
			</div>
			<div class="colored circle-60" color=29>
				<p class="text">满天星</p>
				<p class="text">Starry</p>
				<p class="text">238, 63, 49</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=33 text=1>紫队</b>
				<b class="colored text" color=33 text=1>Purple Team</b>
			</div>
			<div class="colored circle-60" color=30>
				<p class="text">凝夜紫</p>
				<p class="text">Night</p>
				<p class="text">277, 60, 34</p>
			</div>
			<div class="colored circle-60" color=31>
				<p class="text">蓝紫</p>
				<p class="text">Blue-purple</p>
				<p class="text">260, 100, 100</p>
			</div>
			<div class="colored circle-60" color=32>
				<p class="text">风信子</p>
				<p class="text">Hyacinth</p>
				<p class="text">255, 66, 100</p>
			</div>
			<div class="colored circle-60" color=33>
				<p class="text">木槿紫</p>
				<p class="text">Mauve</p>
				<p class="text">263, 40, 63</p>
			</div>
			<div class="colored circle-60" color=34>
				<p class="text">紫水晶</p>
				<p class="text">Amethyst</p>
				<p class="text">270, 75, 75</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=37 text=1>粉队</b>
				<b class="colored text" color=37 text=1>Pink Team</b>
			</div>
			<div class="colored circle-60" color=35>
				<p class="text">树莓</p>
				<p class="text">Raspberry</p>
				<p class="text">330, 100, 50</p>
			</div>
			<div class="colored circle-60" color=36>
				<p class="text">吊钟花</p>
				<p class="text">Fuchsia</p>
				<p class="text">326, 54, 81</p>
			</div>
			<div class="colored circle-60" color=37>
				<p class="text">豆蔻</p>
				<p class="text">Cardamom</p>
				<p class="text">315, 41, 68</p>
			</div>
			<div class="colored circle-60" color=38>
				<p class="text">龙须红</p>
				<p class="text">Dragon</p>
				<p class="text">315, 64, 60</p>
			</div>
			<div class="colored circle-60" color=39>
				<p class="text">洋红</p>
				<p class="text">Carmine</p>
				<p class="text">315, 100, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=40 text=1>无色队</b>
				<b class="colored text" color=40 text=1>Colorless Team</b>
			</div>
			<div class="colored circle-60 inverted" color=40>
				<p class="text">银灰色</p>
				<p class="text">Silver Grey</p>
				<p class="text">0, 0, 62</p>
			</div>
			<div class="colored circle-60" color=41>
				<p class="text">暗灰色</p>
				<p class="text">Shadow Grey</p>
				<p class="text">0, 0, 38</p>
			</div>
			<div class="colored circle-60 inverted" color=42>
				<p class="text">大理石</p>
				<p class="text">Marble Grey</p>
				<p class="text">201, 7, 80</p>
			</div>
			<div class="colored circle-60" color=43>
				<p class="text">水牛灰</p>
				<p class="text">Buffalo</p>
				<p class="text">252, 9, 21</p>
			</div>
			<div class="colored circle-60" color=44 style="color:#888;font-weight:900">
				<p class="text">太极</p>
				<p class="text">Taichi</p>
				<p class="text">0, 0, 0/100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=48 text=1>闪队</b>
				<b class="colored text" color=48 text=1>Rainbow Team</b>
			</div>
			<div class="colored circle-60 inverted" color=45>
				<p class="text">苦力怕</p>
				<p class="text">Creeper</p>
				<p class="text">120, <i>g</i>, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=46>
				<p class="text">灵魂火</p>
				<p class="text">Soul Fire</p>
				<p class="text">180, <i>g</i>, 100</p>
			</div>
			<div class="colored circle-60" color=47>
				<p class="text">红幽灵</p>
				<p class="text">Spectre</p>
				<p class="text">0, 100, <i>g</i></p>
			</div>
			<div class="colored circle-60" color=48>
				<p class="text">灰暗闪</p>
				<p class="text">Grey-shadow</p>
				<p class="text">0, 0, <i>g</i><sub>1</sub></p>
			</div>
			<div class="colored circle-60 inverted" color=49>
				<p class="text">随机色</p>
				<p class="text">Random</p>
				<p class="text"><i>r</i><sub>1</sub>, <i>r</i><sub>2</sub>, <i>r</i><sub>2</sub></p>
			</div>
		</div>
	</div>
</body>

<!-- Initialization -->
<script src="src/init.js"></script>

<!-- Configuration: common -->
<script src="src/config/config.js"></script>
<script src="src/config/color/c50b.js"></script>

<script>let config = marbleRaceColor50b; let colors = config.colors;</script>

<!-- Utility: color -->
<script src="src/utility/colorutility.js"></script>

<!-- UI Engine -->
<script src="uiengine/uiengine.js"></script>

<!-- Pages -->
<script src="pages/m2.js"></script>
<script src="pages/color.js"></script>
<script src="pages/pages.js"></script>

</html>